<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>AICM</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Cache-Control" content="no-cache"/> 
	<meta http-equiv="Cache-Control" content="max-age=0"/>
	<meta name="HandheldFriendly" content="true" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="css/swiper-3.3.1.min.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="css/uikit.min.css" rel="stylesheet" type="text/css" />
    <link href="css/iconfont/iconfont.css" rel="stylesheet" type="text/css" />
	<link href="css/common.css" rel="stylesheet" type="text/css" />

    <script language="javascript" type="text/javascript" src="js/jquery.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/uikit.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/bootstrap.js"></script>
    <!-- <script language="javascript" type="text/javascript" src="js/common.js"></script> -->
    <script language="javascript" type="text/javascript" src="js/swiper-3.3.1.jquery.min.js"></script>
</head>

<body>

<!-- 头部开始 -->
<div class="top">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="phone">
					<i class="iconfont icon-dianhua"></i><span>+86 - 800 - 8888 - 8888</span>
				</div>
				<div class="head_right_box">
					<div class="head_input_box">
						<input type="text" placeholder="Search" />
						<i class="iconfont icon-icon_search"></i>
					</div>
					<div class="head_input_box cur">Chinese</div>
					<div class="head_input_box cur"><i class="iconfont icon-denglu"></i>Login</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="head">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<a href="#"><img src="images/logo.jpg" /></a>
				<ul class="nav">
					<li>Home</li>
					<li data-uk-dropdown="" aria-haspopup="true" aria-expanded="false">
						News<i class="iconfont icon-weibiaoti1"></i>
						<div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom" data-filtered="filtered" style="top: 40px; left: 0px;">
                            <ul class="uk-nav uk-nav-navbar" data-filtered="filtered">
                                <li data-filtered="filtered"><a href="#">Item</a></li>
                                <li data-filtered="filtered"><a href="#">Another item</a></li>
                                <li class="uk-nav-header" data-filtered="filtered">Header</li>
                                <li data-filtered="filtered"><a href="#">Item</a></li>
                                <li data-filtered="filtered"><a href="#">Another item</a></li>
                                <li class="uk-nav-divider" data-filtered="filtered"></li>
                                <li data-filtered="filtered"><a href="#">Separated item</a></li>
                            </ul>
                        </div>
					</li>
					<li>Activities<i class="iconfont icon-weibiaoti1"></i></li>
					<li>Download Center<i class="iconfont icon-weibiaoti1"></i></li>
					<li>About AICM<i class="iconfont icon-weibiaoti1"></i></li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- 头部结束 -->

<!-- 手机头部开始 -->
<div class="head_m">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<a href="#"><img src="images/logo.jpg" width="35%" /></a>
				<div class="head_m_nav_box">
					<i class="iconfont icon-denglu"></i>
					<i class="iconfont icon-icon_search"></i>
					<i class="iconfont icon-dianhua1"></i>
					<button class="mobile_nav" data-uk-offcanvas="{target:'#my-id'}"></button>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 手机头部结束 -->

<!-- 抽屉式边栏开始 -->
<div id="my-id" class="uk-offcanvas">
    <div class="uk-offcanvas-bar uk-offcanvas-bar-flip">
    	<div class="mobile_searchbox">
    		<input type="text" />
    		<input type="button" />
    	</div>
    	<div class="mobile_navbox">
	    	<ul class="uk-nav uk-nav-offcanvas uk-nav-parent-icon" data-uk-nav>
	            <li><a href="">Home</a></li>
	            <li class="uk-active"><a href="">News</a></li>
	            <li class="uk-parent">
	                <a href="#">Activities</a>
	                <ul class="uk-nav-sub">
	                    <li><a href="">Sub item</a></li>
	                    <li><a href="">Sub item</a>
	                        <ul>
	                            <li><a href="">Sub item</a></li>
	                            <li><a href="">Sub item</a></li>
	                        </ul>
	                    </li>
	                </ul>
	            </li>
	            <li class="uk-parent">
	                <a href="#">Criterion</a>
	                <ul class="uk-nav-sub">
	                    <li><a href="">Sub item</a></li>
	                    <li><a href="">Sub item</a></li>
	                </ul>
	            </li>
	            <li class="uk-parent">
	                <a href="#">Download Center</a>
	                <ul class="uk-nav-sub">
	                    <li><a href="">Sub item</a></li>
	                    <li><a href="">Sub item</a></li>
	                </ul>
	            </li>
	            <li class="uk-parent">
	                <a href="#">About AICM</a>
	                <ul class="uk-nav-sub">
	                    <li><a href="">Sub item</a></li>
	                    <li><a href="">Sub item</a></li>
	                </ul>
	            </li>
	        </ul>
	 	</div>
    </div>
</div>
<!-- 抽屉式边栏结束 -->

<!-- banner start -->
<img src="images/banner_art.jpg" width="100%" />
<!-- banner end -->

<!-- 正文开始 -->
<div class="content">
	<div class="container">
		<div class="row">
			<form id="register_form">
				<div class="log_reg_box" id="sign_box">
					<h1>Sign in</h1>
					<div class="logreg_input_box">
						<p>User name</p>
						<input type="text" class="uk-width-1-1" />
					</div>
					<div class="logreg_input_box">
						<p>Password</p>
						<input type="text" class="uk-width-1-1" />
					</div>
					<div class="logreg_input_box">
						<p>Confirm password</p>
						<input type="text" class="uk-width-1-1" />
					</div>
					<div class="logreg_input_box">
						<p>Name</p>
						<input type="text" class="uk-width-1-1" />
					</div>
					<div class="logreg_input_box">
						<p>Company</p>
						<input type="text" class="uk-width-1-1" />
					</div>
					<div class="logreg_input_box">
						<p>Company telephone</p>
						<input type="text" class="uk-width-1-1" />
					</div>
					<div class="logreg_input_box">
						<p>Position</p>
						<input type="text" class="uk-width-1-1" />
					</div>
					<div class="logreg_input_box">
						<p>Mobile phone</p>
						<input type="text" class="uk-width-1-1" />
					</div>
					<div class="logreg_input_box">
	                    <p>*邮箱</p>
	                    <input type="text" name="email" class="uk-width-1-1 email required" />
	                </div>
					<!-- <div class="logreg_input_box">
	                    <p>*委员会</p>
	                    <span>如需订阅或接收会议邀请等，请在特定分委会或工作组处进行勾选</span>
	                    <div class="committeeBoxLeft">
	                        <div class="committeeBox">
	                            <label><input style="background: #cccccc" type="checkbox" name="committee_id" class="all" value="1" /><span>责任关怀委员会</span></label>
	                            <ul>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="256" /><span>职业健康安全</span></label>
	                                </li>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="257" /><span>工艺安全</span></label>
	                                </li>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="258" /><span>污染防治</span></label>
	                                </li>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="259" /><span>产品安全监管</span></label>
	                                </li>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="260" /><span>储运准则和RSQAS</span></label>
	                                </li>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="261" /><span>保安准则工作组</span></label>
	                                </li>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="262" /><span>社区认知与应急响应</span></label>
	                                </li>
	                            </ul>
	                        </div>
	                        <div class="committeeBox">
	                            <label><input style="background: #cccccc" type="checkbox" name="committee_id" class="all" value="3" /><span>公共事务与传播委员会</span></label>
	                            <ul>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="273" /><span>媒体活动</span></label>
	                                </li>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="274" /><span>会员关系</span></label>
	                                </li>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="275" /><span>塑料倡导</span></label>
	                                </li>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="276" /><span>公共关系</span></label>
	                                </li>
	                            </ul>
	                        </div>
	                        <div class="committeeBox">
	                            <label><input style="background: #cccccc" type="checkbox" name="committee_id" class="all" value="4" /><span>特定工作组（产业事务）</span></label>
	                            <ul>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="249" /><span>产业事务特别工作组</span></label>
	                                </li>
	                            </ul>
	                        </div>
	                        <div class="clear"></div>
	                    </div>
	                    <div class="committeeBoLxeft">
	                        <div class="committeeBox">
	                            <label><input style="background: #cccccc" type="checkbox" name="committee_id" class="all" value="2" /><span>产业政策促进委员会</span></label>
	                            <ul>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="242" /><span>区域间法规交流平台</span></label>
	                                </li>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="230" /><span>危险化学品安全管理</span></label>
	                                </li>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="231" /><span>化学品环境管理</span></label>
	                                </li>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="232" /><span>厂区HSE</span></label>
	                                </li>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="233" /><span>食品安全应用</span></label>
	                                </li>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="234" /><span>汽车及电器电子应用</span></label>
	                                </li>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="235" /><span>涂料应用</span></label>
	                                </li>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="236" /><span>生命科学应用（化妆品原料和医药应用）</span></label>
	                                </li>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="237" /><span>高分子增塑剂（自筹）</span></label>
	                                </li>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="238" /><span>燃油润滑油及添加剂（自筹）</span></label>
	                                </li>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="239" /><span>毒理学、生态毒理学和 风险评估（临时小组）</span></label>
	                                </li>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="240" /><span>碳排放交易（临时小组）</span></label>
	                                </li>
	                                <li>
	                                    <label><input style="background: #cccccc" type="checkbox" name="interest_ids" class="" value="241" /><span>农用化学品（临时小组）</span></label>
	                                </li>
	                            </ul>
	                        </div>
	                        <div class="clear"></div>
	                    </div>
	                </div> -->
					<div class="uk-form-row">
	                	<label><input type="checkbox" checked="checked" />I've read and agreed《International Chemical Manufacturers Association Limited registered agreement》</label>
	                </div>
	                <input type="button" class="submit" value="下一步" id="next">
				</div>
				<div class="log_reg_box chose" id="committee_box" style="display: none;">
					<h1>选择关注点：</h1>
					<div class="logreg_input_box">
						<p>
							<label class="all"><input type="checkbox" />委员会A：</label><br>
							<span>如需订阅或接收会议邀请等，请在特定分委会或工作组处进行勾选</span>
						</p>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
					</div>
					<div class="logreg_input_box">
						<p>
							<label class="all"><input type="checkbox" />委员会B：</label><br>
							<span>如需订阅或接收会议邀请等，请在特定分委会或工作组处进行勾选</span>
						</p>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
					</div>
					<div class="logreg_input_box">
						<p>
							<label class="all"><input type="checkbox" />委员会C：</label><br>
							<span>如需订阅或接收会议邀请等，请在特定分委会或工作组处进行勾选</span>
						</p>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
						<label><input type="checkbox" />危险化学品管理</label>
					</div>
	                <div class="uk-text-center">
	                	<input type="button" class="submit uk-margin-right" value="上一步" id="prev">
	                	<input type="submit" class="submit" value="提交">
	                </div>
				</div>
			</form>
		</div>
	</div>
</div>
<!-- 正文结束 -->

<!-- footer start -->
<div class="footer">
	<div class="container">
		<div class="row">
			<div class="pc_bottom_nav">
				<div class="col-md-2">
					<div class="footer_nav_title">News</div>
					<ul class="footer_nav_list">
						<li>Industry News</li>
						<li>Policy Focus</li>
						<li>Videos</li>
					</ul>
				</div>
				<div class="col-md-2">
					<div class="footer_nav_title">Activities</div>
					<ul class="footer_nav_list">
						<li>Upcoming Events</li>
						<li>Events Review</li>
						<li>Major Events</li>
					</ul>
				</div>
				<div class="col-md-2">
					<div class="footer_nav_title">Download Center</div>
					<ul class="footer_nav_list">
						<li>Newsletter</li>
						<li>Download Center</li>
					</ul>
				</div>
				<div class="col-md-2">
					<div class="footer_nav_title">About AICM</div>
					<ul class="footer_nav_list">
						<li>Introduction</li>
						<li>Message form Board</li>
						<li>AICM Committee</li>
						<li>AICM Members</li>
						<li>AICM Bylaws</li>
						<li>About Responsible Care</li>
						<li>Contact Us</li>
					</ul>
				</div>
				<div class="col-md-2">
					<div class="footer_nav_title">Members</div>
					<ul class="footer_nav_list">
						<li>Login</li>
						<li>Profile</li>
						<li>Monthly Members</li>
						<li>Activities</li>
						<li>Notice</li>
						<li>Download</li>
						<li>Document</li>
					</ul>
				</div>
				<div class="col-md-2">
					<div class="footer_nav_title">FOLLOW US</div>
					<ul class="footer_nav_list">
						<li style="margin-bottom: 10px;"><img src="images/share_icon.jpg" /></li>
						<li><img src="images/qrcode_img.jpg" /></li>
					</ul>
				</div>
			</div>
			<div class="bottom_logos_box">
				<img src="images/bottom_logos.png" />
				<p>Copyright  2014 Association of International Chemical Manufacturers(AICM),All Rights Reserved</p>
			</div>
		</div>
	</div>
</div>
<!-- footer start -->
</body>

<script type="text/javascript">
 /*<![CDATA[*/
var companys = '[\"azelis.cn\",\"airproducts.com\",\"NuplexResins.com\",\"axaltacs.com\",\"ashland.com\",\"airliquide.com\",\"akzonobel.com\",\"arkema.com\",\"altana.com\",\"borouge.com\",\"basf.com\",\"brenntag-asia.com\",\"covestro.com\",\"cabotcorp.com\",\"celanese.com\",\"clariant.com\",\"croda.com,incotec.com\",\"dupont.com\",\"dsm.com\",\"dow.com\",\"ma.dic.co.jp\",\"vci.de\",\"evonik.com\",\"eastman.com\",\"exxonmobil.com\",\"grace.com\",\"gcpat.com\",\"hp.com\",\"valspar.com\",\"henkel.com\",\"styrolution.com\",\"invista.com\",\"infineum.com\",\"ifraorg.org\",\"ingevity.com\",\"kemira.com\",\"lyb.com\",\"lilly.com\",\"lubrizol.com\",\"lanxess.com\",\"linde.com\",\"momentive.com\",\"me.m-kagaku.com.jp\",\"merckgroup.com\",\"methanex.com\",\"mitsuichemicals.com,mlz.mitsui-chem.com\",\"novartis.com\",\"polyplastics.com\",\"ppg.com\",\"riotinto.com\",\"storaenso.com\",\"symrise.com\",\"snf.fr\",\"solenis.com\",\"shell.com\",\"sabic.com,sabic-ip.com\",\"scem-cn.com,wxsem.com,sc.sumitomo-chem.co.jp\",\"solvay.com\",\"trinseo.com\",\"tetrapak.com\",\"topsafe.cn\",\"wacker.com\",\"sherwin.com\",\"aicm.cn\",\"hoyer-group.com\"]';
/*]]>*/

$(function(){
    init();
    $("#next").click(function(){
    	console.log('123');
        if($("input[name='email']").val()){
             if(isMember($("input[name='email']").val())){
                 $("#committee_box").show();
                 $("#sign_box").hide();
             }
         }
    });

    // $("input[name='email']").on("blur keyup keydown", function(){
    //     if($(this).val()){
    //         if(isMember($(this).val())){
    //             $("#committee_box").show();
    //         }else{
    //             $("#committee_box").hide();
    //         }
    //     }
    // })

    $('#prev').click(function(e){
    	$("#committee_box").hide();
        $("#sign_box").show();
    })

    $('.all').click(function(e){
        var status=$(this).find("input[type='checkbox']").is(":checked");
        if(status){
            $(this).parent().parent().find("input[type='checkbox']").prop("checked", true);
        }else{
            $(this).parent().parent().find("input[type='checkbox']").prop("checked", false);
        }
    })
});

function init(){
    if(companys){
        try {

            companys = JSON.parse(companys);
        }catch (err){}
    }
}

function isMember(email){
    try {

        return $.inArray(email.split('@')[1], companys) >= 0;
    }catch (err){}

    return false;
}
</script>
</html>
